/**
 * 全局样式
 */

page {
  padding-bottom: 20px;
}
image {
  display: block;
}
.bottom-height {
  height: var(--window-bottom);
}
.top-height {
  height: var(--window-top);
}
.status-bar {
  height: var(--status-bar-height);
  width: 100%;
}
.text-center {
  text-align: center;
}
.roc-flex {
  display: flex;
}
.text-center {
  text-align: center;
}
// 页面右下角按钮
.side-btn-box {
  position: fixed;
  z-index: 999;
  right: 20px;
  bottom: 110px;
  width: 40px;
  .side-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 10px 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 50%;
    background-color: rgba(60, 156, 255, 0.8);
    &:nth-last-child(1) {
      margin: 0;
    }
  }
}

/*
字典样式类型(对应element-ui-plus tag类型)：
default || "" (文字)
primary
success
info
warning
error

字典class样式
*/
.dict-primary,
.text-primary {
  color: #409eff;
}
.dict-success,
.text-success {
  color: #67c23a;
}
.dict-info,
.text-info {
  color: #909399;
}
.dict-warning,
.text-warning {
  color: #e6a23c;
}
.dict-error,
.text-error {
  color: #f56c6c;
}
